<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>大佬会客四方 神侃地产万象</title>
	<link rel="stylesheet" type="text/css" href="/jd2/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/jd2/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="/jd2/css/style.css">
</head>
<body>
<div class="headpic">
	<img src="/jd2/img/pic_01.jpg" alt="">
</div>
<div class="main">
	<img src="/jd2/img/pic_02.jpg" alt="">
	<div class="part">
		<img src="/jd2/img/title-video.jpg">
		<div class="core">
			<video src="http://assets-cdn.udfang.com/video/20170610/5.mp4" controls="controls" id="videoPlayer"></video>
			<div class="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="video-img active">
								<img src="/jd2/img/5.jpg" alt="" video-url="http://assets-cdn.udfang.com/video/20170819/5.mp4">
								<div class="cover">
									<img src="/jd2/img/player.png" alt="">
								</div>
							</div>
							<p>阳侃的茶室</p>
						</div>
						<div class="swiper-slide">
							<div class="video-img">
								<img src="/jd2/img/1.jpg" alt=""  video-url="http://assets-cdn.udfang.com/video/20170819/1.mp4">
								<div class="cover">
									<img src="/jd2/img/player.png" alt="">
								</div>
							</div>
							<p>花絮一:丁祖昱揭秘土地供应地从哪里来？</p>
						</div>
						<div class="swiper-slide">
							<div class="video-img">
								<img src="/jd2/img/2.jpg" alt="" video-url="http://assets-cdn.udfang.com/video/20170819/2.mp4">
								<div class="cover">
									<img src="/jd2/img/player.png" alt="">
								</div>
							</div>
							<p>花絮二:房企变运营做金融产品，叶檀质疑阳侃立场</p>
						</div>
						<div class="swiper-slide">
							<div class="video-img">
								<img src="/jd2/img/3.jpg" alt="" video-url="http://assets-cdn.udfang.com/video/20170819/3.mp4">
								<div class="cover">
									<img src="/jd2/img/player.png" alt="">
								</div>
							</div>
							<p>花絮三:阳侃爆料房价走势，一夜暴富时代已过</p>
						</div>
						<div class="swiper-slide">
							<div class="video-img">
								<img src="/jd2/img/4.jpg" alt="" video-url="http://assets-cdn.udfang.com/video/20170819/4.mp4">
								<div class="cover">
									<img src="/jd2/img/player.png" alt="">
								</div>
							</div>
							<p>5分钟精彩集锦</p>
						</div>
					</div>
					<!-- Add Arrows -->
					<div class="swiper-button swiper-button-next"></div>
					<div class="swiper-button swiper-button-prev"></div>
				</div>
			</div>
		</div>
	</div>
	<img src="/jd2/img/pic_04.jpg">
	<img src="/jd2/img/pic_05.jpg">
	<img src="/jd2/img/pic_06.jpg">
	<img src="/jd2/img/pic_07.jpg">
	<img src="/jd2/img/pic_08.jpg">
	<img src="/jd2/img/title-read.jpg">
	<div class="read-list part">
		<div class="core clearfix">
			<div class="read-item">
				<a href="http://www.toutiaopage.com/tetris/page/64002327649/">
					<img src="/jd2/img/ft1.jpg">
				</a>
			</div>
			<div class="read-item">
				<a href="http://m.thepaper.cn/newsDetail_forward_1769600">
					<img src="/jd2/img/ft2.jpg">
				</a>
			</div>
		</div>
	</div>
	<img src="/jd2/img/title-lastday.jpg">
	<div class="part review-part">
		<img src="/jd2/img/reviews.jpg">
		<div class="core review-core">
			<div class="review-wrap clearfix">
				<div class="review-button review-item">
					<a class="review-list review-list-active">第一期</a>
					<a class="review-list">第二期</a>
					<a class="review-list">第三期</a>
				</div>
				<div class="review-video review-item">
					<video src="http://assets-cdn.udfang.com/video/20170610/11.mp4" controls="controls" id="reviewVideo"></video>
				</div>
			</div>
			<div class="review-link">
				<p class="video-title">第一期：房地产的价值投资 -5分钟精彩视频集锦</p>
				<a href="http://assets-cdn.udfang.com/video/20170610/12.mp4" class="video-more">了解完整内容</a>
			</div>
		</div>
	</div>
	<img src="/jd2/img/pic_10.jpg">
</div>
    <script type="text/javascript" src="/jd2/js/swiper.min.js"></script>
    <script>
    	var swiper = new Swiper('.swiper-container', {
    		nextButton: '.swiper-button-next',
    		prevButton: '.swiper-button-prev',
    		slidesPerView: 3,
    		spaceBetween: 10,
    		loop: true
    	});
    </script>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script type="text/javascript">
    	$('.swiper-button').height($(".video-img img").height());
    	$(window).resize(function(){
    		$('.swiper-button').height($(".video-img img").height());
    	})
    	$('.swiper-slide').on('click',function(){
    		$(this).children('.video-img').addClass('active');
    		$(this).siblings('.swiper-slide').children('.video-img').removeClass('active');
    		var dataUrl = $(this).children('.active').children('img[video-url]').attr("video-url");
    		$('#videoPlayer').prop('src',dataUrl);
    		$('#videoPlayer').attr("autoplay","autoplay");
    	})
    </script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	wx.config(<?php echo $js->config(array('onMenuShareTimeline','onMenuShareAppMessage'), false) ?>);
	wx.ready(function () {
		wx.onMenuShareTimeline({
			title: '《阳侃的茶室》第二期', // 分享标题
			desc: '金地华东出品，阳侃组局，聊聊“十三五”规划下的楼市变革新思考', // 分享描述
			link: 'http://udfang.com/post/4617888/campaign?code=jd-jtpp', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			imgUrl: 'http://udfang.com/html/jd/img/headpic.jpg', // 分享图标
		});
		wx.onMenuShareAppMessage({
			title: '《阳侃的茶室》第二期', // 分享标题
			desc: '金地华东出品，阳侃组局，聊聊“十三五”规划下的楼市变革新思考', // 分享描述
			link: 'http://udfang.com/post/4617888/campaign?code=jd-jtpp', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			imgUrl: 'http://udfang.com/html/jd/img/headpic.jpg', // 分享图标
		});
	})
</script>
</body>
</html>